<html>
<script src="../../1.0/src/jquery-1.7.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="../../1.0/css/button.css" />
<script>
function showwwVergeten_Message(){
	$('#wwVergeten-display').fadeIn('500');
	$('#wwVergeten-background').fadeIn('500');
}

function hidewwVergeten_Message(){
	$('#wwVergeten-display').fadeOut('slow');
	$('#wwVergeten-background').fadeOut('slow');
}

</script>
<style>
#wwVergeten-display {
  position: absolute;
  top: 50%;
  /*bottom: 50%;*/
  left: 50%;
  /*right: 50%;*/
  background-image: url('./message.png');
  background-repeat: no-repeat; 
  background-position:0px 0px;
  color: #000;
  z-index: 9999;
  /*display: none;*/
  text-align: center;
  width: 550px;
  height: 305px;
  margin-top: -152px; /* Half the height */
  margin-left: -275px; /* Half the width */
  padding-top: 15px;
  line-height: 6pt;
  opacity:0.8;
  filter:alpha(opacity=80);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

#wwVergeten-content{
	position:relative;
	top: 60px;
	left: 130px;
	width: 380px;
	text-align: left;
	line-height: 100%;
}
#wwVergeten-title {
	position: relative;
	text-align: left;
	top: 40px;
	left: 130px;
	
	
}
#wwVergeten-icon {
	z-index: 10000;
	width:128px;
	height:128px;
	
	position:absolute;
	top:40px;
	left:20px;
	background-image: url('./keys.png');
	background-repeat: no-repeat; 
}
#wwVergeten-background {
  position: absolute;
  top: 0;
  bottom: 0%;
  left: 0;
  right: 0%;
  background-color: black;
  z-index: 9998;
  /*display: none;*/
  text-align: center;
  width: 100%;
  padding-top: 25px;
  opacity:0.8;
  filter:alpha(opacity=80);
}
#wwVergeten-buttons{
	position: absolute;
	right: 55px;
	top: 225px;	
	
}
#wwVergeten-Email{
	position: absolute;
	left: 45px;/*55px;*/
	top: 225px;	
	height: 29px;
	width: 120px;
	color: #ccc;
	font-size: 14px;
	border: 1px solid #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
}
#wwVergeten-Gebruikersnaam{
	position: absolute;
	left: 170px;/*55px;*/
	top: 225px;	
	height: 29px;
	width: 140px;
	font-size: 14px;
	color: #ccc;
	border: 1px solid #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
}
</style>
<a href="#" onclick="showwwVergeten_Message();">Opslaan</a>

<!---wwVergeten Message-->
<div id="wwVergeten-background"></div>
<div id="wwVergeten-display"><a href="javascript:void('0');" id="wwVergeten-icon"></a><h3 id="wwVergeten-title">Nieuw wachtwoord opvragen.</h3><div id="wwVergeten-content">U bent uw wachtwoord vergeten. Om een nieuw wachtwoord aan te vragen dient u uw gebruikersnaam en email in te voeren. U krijgt dan per mail uw nieuwe wachtwoord toegestuurd.</div><input type="text" name="gebruikersnaam" value="Gebruikersnaam" id="wwVergeten-Gebruikersnaam" onblur="if (this.value =='' || this.value == 'Gebruikersnaam'){this.value ='Gebruikersnaam';this.style.color='#ccc';}" onfocus="this.style.color='#000';if (this.value =='Gebruikersnaam'){this.value ='';}"/><input type="text" name="email" value="Email" id="wwVergeten-Email" onblur="if (this.value =='' || this.value == 'Email'){this.value ='Email';this.style.color='#ccc';}" onfocus="this.style.color='#000';if (this.value =='Email'){this.value ='';}"/><div class="but" id="wwVergeten-buttons"><a href="javascript:void('0');" onclick="hidewwVergeten_Message();" class="negative"><img src="../images/icon-cross.png" alt=""/>Annuleren</a><a href="javascript:void('0');" class="positive" name="save" id="save_butt" onclick=""><img src="../images/icon-apply.png" alt=""/>Stuur</a></div></div>
<!--END wwVergeten Message-->

